<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<style>
*{padding:0; margin:0}
body{font-size:12px; font-family:"微软雅黑","宋体"; color:#333;}
h1{font-size:16px; background:#ccc; padding:5px 10px; margin-bottom:15px}
.effect{ margin-bottom:15px; padding:0 10px}
.hide{display:none}
button{width:50px;}
/* Clear Fix */ 
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
/* End hide from IE Mac */ 
/*tips*/
ol{list-style-position:inside; line-height:1.5; float:left}
.tip{background:#FDFFCE; border:1px solid #FFBA43; color:#666; padding:2px 5px; position:absolute; width:150px; display:none;}
.tip p{color:blue}
</style>
<script type="text/javascript" src="../js/min/base-min.js"></script>
<script type="text/javascript" src="../js/min/Tips-min.js"></script>
</head>

<body>
<div class="effect clearfix" id="e5">
    <pre>调用方法：new Tips(Kg.$A(Kg.$T("li", "e5")));
    </pre>
	<ol id="a">
		<li>范玮琪 - 最重要的决定
			<div class="tip">最重要的决定<p>专辑名《最重要的决定》</p></div>	
		</li>
		<li>周杰伦 - 蛇舞
			<div class="tip">蛇舞<p>专辑名《蛇舞》</p></div>	
		</li>
		<li>黄小琥 - 没那么简单
			<div class="tip">没那么简单<p>专辑名《没那么简单》</p></div>	
		</li>
		<li>陈冠希 - solute
			<div class="tip">solute<p>专辑名《solute》</p></div>	
		</li>
		<li>刘璇 - 回见
			<div class="tip">回见<p>专辑名《回见》</p></div>	
		</li>
	<ol>
</div>
</body>
<script>
window.onload = function(){
	var el = Kg.$A(Kg.$T("li", "e5"));
	new Tips(el);
}
</script>
</body>
</html>
